<title>MyZone Register</title>
</head>
<body>
<%@ include file="heading.jsp" %>
	<div class="container">
		<div class=""row">
			<div id="heading">
				<img src="images/example.png" alt="head_image"/>
				<a href="user/toModifyHdImg.do">change head image</a>
			</div>
			<div id="property">
				<fieldset>
					<legend>
						<h4>Register</h4>
					</legend>
					<form class="form-group" method="post">
						<div class="form-group col-sm-8">
							<label for="username">userName</label>
							<input type="text" id="username" class="form-control"
								name="username" />
						</div>
						<DIV class="form-group col-sm-8">
							<label for="#">password</label>
							<input type="password" class="form-control" name="password" />
						</DIV>
						<div class="form-group col-sm-8">
							<label for="#">bornDate</label>
							<input type="date" class="form-control" name="bornDate" />
						</div>
						<div class="checkbox-inline col-sm-8">
							<label>male</label>
							<input type="radio" value="true" name="gender" checked="checked" />
							<label>female</label>
							<input type="radio" value="false" name="gender" />
						</div>
						
						<br />
						<DIV class="form-group col-sm-8">
							<input id="submit" type="button" class="btn btn-info" value="submit" />
							<SPAN>&nbsp</SPAN>
							<input type="button" class="btn btn-warning" type="reset" value="reset" />
						</DIV>
						<lable style="font:30px red YaHei">${message }</lable>
					</form>
				</fieldset>
			</div>
		</div>
	</div>
<!-- 	<script type="text/javascript" src="bootstrap/js/jquery.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script> -->
	<script type="text/javascript" src="js/register&modify.js"></script>
</body>
</html>